var prevPage, nextPage, feedArchive, startPage = 0;

function cropFeed(a, b) {
  var showFeed = a.split("<");
  for (var i = 0; i < showFeed.length; i++) {
    if (showFeed[i].indexOf(">") != -1) {
      showFeed[i] = showFeed[i].substring(showFeed[i].indexOf(">") + 1, showFeed[i].length);
    }
  }
  showFeed = showFeed.join(" ");
  showFeed = showFeed.substring(0, b - 1);
  return showFeed;
}

function showFeedList(json) {
  var entry, postTitle, postUrl, postImage, postContent, commentNum;
  var skeleton = "";
  prevPage = "";
  nextPage = "";
  for (var i = 0; i < feedNum; i++) {
    if (i == json.feed.entry.length) {
      break;
    }
    entry = json.feed.entry[i];
    postTitle = entry.title.$t;
    for (var j = 0; j < entry.link.length; j++) {
      if (entry.link[j].rel == 'alternate') {
        postUrl = entry.link[j].href;
        break;
      }
    }
    for (var k = 0; k < json.feed.link.length; k++) {
      if (json.feed.link[k].rel == 'prevPageious') {
        prevPage = json.feed.link[k].href;
      }
      if (json.feed.link[k].rel == 'next') {
        nextPage = json.feed.link[k].href;
      }
    }
    for (var l = 0; l < entry.link.length; l++) {
      if (entry.link[l].rel == 'replies' && entry.link[l].type == 'text/html') {
        commentNum = entry.link[l].title;
        break;
      }
    }
    if ("content" in entry) {
      postContent = entry.content.$t;
    } else if ("summary" in entry) {
      postContent = entry.summary.$t;
    } else {
      postContent = "";
    }
    if ("media$thumbnail" in entry) {
      postImage = entry.media$thumbnail.url.replace(/\/s[0-9]+\-c/, "\/s" + feedThumbWidth + "-c");
    } else {
      postImage = noImage.replace(/\/s[0-9]+\-c/, "\/s" + feedThumbWidth + "-c");
    }
    skeleton += "<li class='news-title'>";
    skeleton += "<a class='judul-arsip' href='" + postUrl + "' target='_blank'>" + postTitle + "</a>";
    skeleton += "<a href='" + postUrl + "' target='_blank'><img style='width:" + feedThumbWidth + "px;height:" + feedThumbWidth + "px;' src='" + postImage + "' alt='thumbnail' /></a>";
    skeleton += "<div class='news-text'>" + cropFeed(postContent, feedChars) + "&hellip;<br style='clear:both;'/><br/><a class='button small rmore' href='" + postUrl + "' target='_blank'>" + readMoreText + "</a> <a class='button small rmore' href='" + postUrl + "#comments' target='_blank'>" + commentNum + "</a></div>";
    skeleton += "</li>";
  }
  document.getElementById("feedContainer").innerHTML = document.getElementById("feedContainer").innerHTML + skeleton;
  skeleton = "";
  if (nextPage) {
    skeleton += "<a href='javascript:feedNav(1);' class='lanjut'>" + navText + "</a>";
  } else {
    skeleton += "Habis";
  }
  document.getElementById("feedNav").innerHTML = skeleton;
}

function feedNav(archive) {
  var p, param;
  if (archive == -1) {
    p = prevPage.indexOf("?");
    param = prevPage.substring(p);
  } else if (archive == 1) {
    p = nextPage.indexOf("?");
    param = nextPage.substring(p);
  } else {
    param = "?start-index=1&max-results=" + feedNum + "&orderby=published&alt=json-in-script";
  }
  param += "&callback=showFeedList";
  updateScript(param);
}

function updateScript(param) {
  if (startPage == 1) {
    removerscript();
  }
  document.getElementById("feedNav").innerHTML = loadingElement;
  if (labelName !== false) {
    feedArchive = archiveBlog + "/feeds/posts/default/-/" + labelName + param;
  } else {
    feedArchive = archiveBlog + "/feeds/posts/default" + param;
  }
  var toc_script = document.createElement('script');
  toc_script.type = 'text/javascript';
  toc_script.src = feedArchive;
  toc_script.id = 'LABELTEMPORAL';
  document.getElementsByTagName('head')[0].appendChild(toc_script);
  startPage = 1;
}

function removerscript() {
  var elemen = document.getElementById("LABELTEMPORAL");
  var parent = elemen.parentNode;
  parent.removeChild(elemen);
}

window.onload = function() {feedNav(0);};

